import React, { Component } from 'react';
import { Collapse } from 'antd';
import Link from 'umi/link';
import { formatMessage } from 'umi/locale';
import { connect } from 'dva';
import CbjZmcTool from './CbjZmcTool';
import LineCameraCalibraion from './LineCameraCalibraion';
import LineCameraJoint from './LineCameraJoint';
import FrontCutterCameraCalibration from './FrontCutterCameraCalibration';
import BackCutterCameraCalibration from './BackCutterCameraCalibration';
import LineCameraCalibraionNinePoints from './LineCameraCalibraionNinePoints';

class HdTools extends Component {
  constructor(props) {
    super(props);
  }
  state = {};

  render() {
    const Panel = Collapse.Panel;
    return (
      <>
        <Collapse onChange={this.callback} style={{ marginLeft: 10, marginTop: 50 }}>
          <Panel header={formatMessage({ id: 'app.tools.CbjControllerTool' })} key="1">
            <CbjZmcTool />
          </Panel>
          <Panel header={formatMessage({ id: 'app.tools.CamZmcSplicingTool' })} key="2">
            <LineCameraJoint />
          </Panel>
          <Panel header={formatMessage({ id: 'app.tools.CamZmcCalibrationTool' })} key="3">
            <LineCameraCalibraion />
          </Panel>
          {/* <Panel header={formatMessage({ id: 'app.tools.CamZmcCalibrationToolNine' })} key="4">
            <LineCameraCalibraionNinePoints />
          </Panel> */}
          <Panel header={formatMessage({ id: 'app.tools.BigCutCalibrationTool' })} key="5">
            <FrontCutterCameraCalibration />
          </Panel>
          <Panel header={formatMessage({ id: 'app.tools.SmallCutCalibrationTool' })} key="6">
            <BackCutterCameraCalibration />
          </Panel>
        </Collapse>
      </>
    );
  }
}
export default HdTools;
